<template>
    <div class="Header">
        <img src="../../assets/img/headerImg/logo.png" alt="" class="logo">
        <div class="header_user">
            <div class="user_img">
                <el-avatar :size="30" src="https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png"></el-avatar>
            </div>
            <span class="user_name">Wayne</span>
        </div>
    </div>
</template>

<script>
    export default {
        name: "index"
    }
</script>

<style lang="less">
  .Header{
      display: flex;
      justify-content: space-between;
      align-items: center;
      .logo{
          width: 185px;
          height: 37px;
      }
      .header_user{
          display: flex;
          .user_img{
              width: 36px;
              height: 36px;
              background: rgba(0,0,0,0.00);
              border-radius: 50%;
              line-height: 75px;
          }
          .user_name{
              font-size: 14px;
              font-weight: 800;
              margin-left: 6px;
          }
      }
  }
</style>
